<%--
  Created by IntelliJ IDEA.
  User: SXT
  Date: 2020/6/28
  Time: 15:54
  To change this template use File | Settings | File Templates.
  在接受异步树,同步树,以及接受数据网格是不需要发送ajax请求
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <base href="<%=request.getContextPath()+"/"%>">
    <%--引入easyui主题的css样式--%>
    <link rel="stylesheet" href="easyui/themes/default/easyui.css">
    <%--引入easyui中图标集的css样式--%>
    <link rel="stylesheet" href="easyui/themes/icon.css">
    <%--引入demo.css--%>
    <link rel="stylesheet" href="easyui/themes/demo.css">
    <%--引入jq中js文件  注意：先引入jq中js在引入easyui中js--%>
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
    <%--引入easyui中核心js文件--%>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <%--引入数据处理文件--%>
    <script type="text/javascript" src="js/getJSON.js"></script>
    <%--引入中文--%>
    <script type="text/javascript" src="easyui/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        $(function () {
            /*数据网格页面接受数据*/
            $('#dg').datagrid({
                url:'company/findMoreCompany',
                pagination:true,//设置分页栏展示
                rownumbers:true,//设置行号显示
                pageSize:5,//设置size的初始大小
                pageList:[5,10,15,20],// 设置每一页显示条数列表
                toolbar:"#tb",
                columns:[[
                    {field:'cid',title:'编号',width:50,align:'center'},
                    {field:'cname',title:'公司名称',width:100,align:'center'},
                    {field:'ceo',title:'公司法人',width:100,align:'center'},
                    {field:'cphone',title:'手机号',width:100,align:'center'},
                    {field:'cnum',title:'订单量',width:100,align:'center'},
                    {field:'status',title:'账号状态',width:100,align:'center'}
                ]]
            });
            //按条件查询公司信息
            $("#btn1").click(function () {
                //把获得的按条件查询的参数转化为json格式的字符串
                var json = getjson($("#fm1"));
                //重新加载数据网格页面
                $("#dg").datagrid("load",json)
            })
        })
          var url="";
        //添加公司信息
        function newCompany() {
            //打开公司的对话框
            $("#company_dlg").dialog("open").dialog("setTitle","New Company");
            //清空表单信息
            $("#company_fm").form("clear");
            url="company/saveCompany";
        }
        //提交表单的信息
        function saveCompany() {
            $.post(url,$("#company_fm").serialize(),function (result) {
                if (result>0){
                    //关闭当前对话框
                    $("#company_dlg").dialog("close");
                    //重新加载数据网格
                    $("#dg").datagrid("reload");
                }else{
                    $.messager.alert("提示","操作失败","error")
                }
            })
        }
        //修改公司信息
        function editCompany() {
            //获得数据网格一行的信息
            var row = $("#dg").datagrid("getSelected");
            if (row){
                console.log(row)
                //打开修改公司的对话框
                $("#company_dlg").dialog("open").dialog("setTitle","Edit Company");
                //表单信息的回显
                $("#company_fm").form("load",row);
                url="company/changeCompany?cid="+row.cid;
            }else{
                $.messager.alert("提示","请选中一行数据","info");
            }


        }

        //公司策划师列表查询
        function chsList() {
            //获得数据网格一行的信息
            var row = $("#dg").datagrid("getSelected");
            if (row){
                $("#chs_dlg").dialog("open").dialog("setTitle","CHSList");

                /*数据网格页面接受数据*/
                $('#chs_dg').datagrid({
                    url:'planner/findMorePlanner',
                    /*数据网格中向后台传递参数的方式   queryParams:{cid:row.cid},cid*/
                    queryParams:{cid:row.cid},
                    pagination:true,//设置分页栏展示
                    rownumbers:true,//设置行号显示
                    pageSize:5,//设置size的初始大小
                    pageList:[5,10,15,20],// 设置每一页显示条数列表
                    columns:[[
                        {field:'nid',title:'编号',width:50,align:'center'},
                        {field:'nname',title:'策划师名称',width:100,align:'center'},
                        {field:'nphone',title:'电话',width:100,align:'center'},
                        {field:'status',title:'状态',width:100,align:'center'},
                        {field:'pnum',title:'订单量',width:100,align:'center'}
                    ]]
                });
            }else{
                $.messager.alert("提示","请选中一行数据","info");
            }
        }

    </script>
</head>
<body>

<div style="width: 800px;height: 600px" class="easyui-panel" title="婚庆公司管理">
        <%--顶部搜索框--%>
        <div style="width: 500px;height: 40px;margin: 0px auto;margin-top: 30px">

            <form id="fm1">
                <input class="easyui-textbox" name="cname" data-options="prompt:'公司名称'" style="width:100px">
                <select id="cc" class="easyui-combobox" name="status" style="width:110px;">
                    <option value="">账号状态</option>
                    <option value="正常">正常</option>
                    <option value="禁用">禁用</option>
                </select>
                <select id="cc2" class="easyui-combobox" name="cphone" style="width:110px;">
                    <option value="">订单量排序</option>
                    <option value="asc">升序</option>
                    <option value="desc">降序</option>
                </select>


                <a id="btn1" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="margin-left: 30px">查询</a>
            </form>

        </div>
        <%--底部信息展示位置--%>
        <div style="width: 750px;height: 400px;border: 0px solid red;margin: 0px auto;margin-top: 30px">
           <%--数据网格页面--%>
            <table id="dg" style="width: 750px;height: 400px"></table>

            <%--工具栏设置--%>
            <div id="tb">
                <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newCompany()">添加公司</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="editCompany()">编辑公司</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="chsList()">策划师列表</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="zcrRoleB()">账号状态</a>
            </div>
        </div>

            <%--添加公司信息对话框的展示--%>
            <div id="company_dlg" class="easyui-dialog" style="width:400px" data-options="closed:true,modal:true,border:'thin',buttons:'#company_dlg-buttons'">
                <form id="company_fm" method="post" novalidate style="margin:0;padding:20px 50px">
                    <h3>Company Information</h3>
                    <div style="margin-bottom:10px">
                        <input name="cname" class="easyui-textbox" required="true" label="公司名称:" style="width:100%">
                    </div>
                    <div style="margin-bottom:10px">
                        <input name="cpwd" class="easyui-textbox" required="true" label="公司密码:" style="width:100%">
                    </div>
                    <div style="margin-bottom:10px">
                        <input name="ceo" class="easyui-textbox" required="true" label="公司法人:" style="width:100%">
                    </div>
                    <div style="margin-bottom:10px">
                        <input name="cphone" class="easyui-textbox" required="true" label="公司手机:" style="width:100%">
                    </div>
                    <div style="margin-bottom:10px">
                        <input name="cmail" class="easyui-textbox" required="true" label="公司邮箱:" style="width:100%">
                    </div>
                </form>
            </div>
            <div id="company_dlg-buttons">
                <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="saveCompany()" style="width:90px">Save</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Cancel</a>
            </div>


            <%--查询指定公司的策划师--%>
            <div id="chs_dlg" class="easyui-dialog" style="width:600px;height: 400px" data-options="closed:true,modal:true,border:'thin'">

                <table id="chs_dg" style="width: 595px;height: 300px"></table>

            </div>
</div>
</body>
</html>
